Setting the Viewport

The viewport meta tag allows the web page to scale based on screen size.

Responsive Image (Using width: 100%)

Responsive Image

Show Different Images Based on Browser Width

Adaptive Image

Responsive Text Size

This text scales with viewport width.

Responsive Web Page (Using Media Queries)

Column 1
Column 2

Bootstrap Responsive Framework

Half Width on Desktop
Half Width on Desktop